
.m-card {
  // width: 65%;
  // min-height: 700px;
  border: 1px solid var(--light);

  &-header {
    padding: 0.5rem;
    align-items: center;
    display: flex;
    justify-content: space-between;

    &-title {
      color: var(--white);
    }

    &-buttons {
      display: flex;
      align-items: center;

      & > button {
        border: 1px solid var(--dark);
        cursor: pointer;
        border-radius: 4px;
      };

      & > * {
        margin-right: 0.5rem;
      }
    }
  }

  &-content {
    &-section {
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: solid 1px var(--light);

      &:last-child {
        border: none;
      }
    }
  }
}
